<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        学过的所有标签
            body,html,h1..h6 p ul li ol dl dt dd a img span div
            b strong i em hr
            
        css 层叠样式表 主要是用来修改页面的显示样式的
            行内样式表  在<head>  
                        <style type="text/css">
                            选择器{
                                属性名:属性值;
                            }
                        </style>
                        注意：
                        type="text/css"可以写可不写，但是不允许写错，建议你今天给写上
                        属性值不加双引号
                    </head>
               
     -->
     <style type="text/css">
         h2{
             color:#FF0000;
         }
         p{
             width:100px;
             height:100px;
             background-color:pink;
             color:blue;
         }
       
         /* 
         px 像素 一个单位

            改变文字的颜色为红色
            color 文字的颜色
            background-color 背景的颜色
            width 宽度
            height 高度
         */
     </style>
</head>
<body>
    <h2>静夜思</h2>
    <p>1床前明月光</p>
    <p>2床前明月光</p>
</body>
</html>